iT邦幫忙

2022 iThome 鐵人賽

0
AI & Data

初學者介紹TensFlow.js系列系列 第 27

[Day27]啟動網路攝影機

  • 分享至 

  • xImage
  •  

天我們要來談談如何啟用網路攝影機。

這裡我們只介紹使用預設的網路攝影機。
如果不熟悉getUserMedia的話,請花點時間了解視訊元素如何連接到網路攝影機這裡辯詞在講解,這裡有使用上一篇所講的移動img來適應視訊元素的方式。

首先先設定好網路攝影機的配置,這裡問了簡單明瞭只設定了普通的配置。
https://ithelp.ithome.com.tw/upload/images/20221015/20152506TleQVfCT6L.png
然後設條件檢查那些不支援srcObject配置的瀏覽器,根據使用者的需求而定不一定要加這個設定。
https://ithelp.ithome.com.tw/upload/images/20221015/201525064WbHE43Cv5.png
視訊被載入前由於無法被存取所以可以將該事件包裝在一個primise中以方便等待(傳給tf.fromPixels前所需的等待事件。
https://ithelp.ithome.com.tw/upload/images/20221015/20152506dNcJ3b2T08.png
然後設定畫布長寬(注意上偏我們所說需要注意的事情),之後promise會對需要傳遞給偵測和繪製迴圈的資訊進行解析。

明天我們再來講講如何繪製偵測解果。
今天就介紹到這裡,謝謝大家。


上一篇
[Day26]連接網路攝影機
下一篇
[Day28]繪出偵測結果
系列文
初學者介紹TensFlow.js系列30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言